<!doctype html>
<html lang="zh-CN">

<head>
    <title>关于我们</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/about-us.css">
    <link rel="stylesheet" href="./css/component/hea.css">
    <link rel="stylesheet" href="./css/component/bottom.css">
    <style>
        .swiper-container-2 .swiper-pagination-bullets {
            bottom: 40px;
        }
    </style>
</head>

<body>
    <div id='app'>

        <!-- 公共头部 -->
        <div class='com-hea-wrap'>
            <div class='com-hea-top'>
                <div>1</div>
                <div class='com-top-con dis-spa'>
                    <div class='dis-spa com-top-liulan'>
                        <div class='dis-spa' id='hover-hea'>
                            <div class='icon-trans hover-ani'>
                                <div id='hover-white-1' el='#hover-white-1'></div>
                                <img el='#hover-white-1' class='hover' src='./img/btc.png' width='20px' height='20px' />
                            </div>
                            <div class='icon-trans hover-ani'>
                                <div id='hover-white-2' el='#hover-white-2'></div>
                                <img el='#hover-white-2' class='hover' src='./img/yi.png' width='20px' height='20px' />
                            </div>
                        </div>
                        <img src='./img/hea-bg.png' height='42px' />
                    </div>
                    <div class='dis-spa com-top-contact'>
                        <div class='dis-spa'>
                            <img src='./img/weixin.svg' width='20px' height='20px' />
                            <span>17353262583 17365294814</span>
                        </div>
                        <div class='dis-spa'>
                            <img src='./img/icon-oil.svg' width='20px' height='20px' />
                            <span>023-63410620</span>
                        </div>
                        <div class='dis-spa'>
                            <img src='./img/icon-phone.svg' width='20px' height='20px' />
                            <span>023-63410620</span>
                        </div>
                    </div>
                </div>
                <div>2</div>
            </div>
            <div class='com-hea-bottom'>
                <div class='center-con dis-spa'>
                    <img class='hover' src="./img/logo.png" height="40px">
                    <div class='com-bom dis-spa'>
                        <span onclick='window.location.href="index.html"' class=" hover">首页</span>
                        <span onclick='window.location.href="about-us.html"' class='hea-active hover'>关于我们</span>
                        <span onclick='window.location.href="solution-nfc.html"' class='hover'>行业解决方案</span>
                        <span onclick='window.location.href="case.html"' class='hover'>合作案例</span>
                        <span onclick='window.location.href="news.html"' class='hover'>新闻中心</span>
                        <span onclick='window.location.href="find-we.html"' class='hover'>联系我们</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共头部 -->

        <!-- 最大化公司图片展示 -->
        <div id='mask' style="display:none" onclick='$("#mask").hide()'>
            <div class='max-com-img' id='max-com-img'>
                <div class="swiper-container swiper-container-4">
                    <div class="swiper-wrapper" style="width:100%;height:100%">
                        <div class="swiper-slide" style="width:100%;height:100%;overflow: hidden;">
                            <img src="./img/company-1.png" width="100%">
                        </div>
                        <div class="swiper-slide" style="width:100%;height:100%;overflow: hidden;">
                            <img src="./img/company-2.png" width="100%">
                        </div>
                        <div class="swiper-slide" style="width:100%;height:100%;overflow: hidden;">
                            <img src="./img/company-1.png" width="100%">
                        </div>
                        <div class="swiper-slide" style="width:100%;height:100%;overflow: hidden;">
                            <img src="./img/company-2.png" width="100%">
                        </div>
                        <div class="swiper-slide" style="width:100%;height:100%;overflow: hidden;">
                            <img src="./img/company-1.png" width="100%">
                        </div>
                        <div class="swiper-slide" style="width:100%;height:100%;overflow: hidden;">
                            <img src="./img/company-2.png" width="100%">
                        </div>
                    </div>
                    <div class="swiper-pagination swiper-pagination-4"></div>
                    <div class="swiper-button-prev swiper-button-black"></div>
                    <div class="swiper-button-next swiper-button-black"></div>
                </div>
            </div>
        </div>

        <!-- 最大化公司图片展示 -->

        <div class='content-1'>
            <div class="swiper-container swiper-container-2" style="height:100%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./img/about-us.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/about-us.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/about-us.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/about-us.png" width="100%" height="100%">
                    </div>
                </div>
                <div class="swiper-pagination swiper-pagination-2"></div>
            </div>
        </div>
        <div class='content-2' style="margin-top:40px;margin-bottom:50px;">
            <div class='center-con dis-spa' style="align-items:flex-start;">
                <div class='con-2-left'>
                    <p>关于我们/About us</p>
                    <p class="left-active">企业简介</p>
                    <p class='hover' onclick='window.open("about-us-wenhua.html")'>企业文化</p>
                    <p class='hover' onclick='window.open("about-us-youshi.html")'>企业优势</p>
                    <div class='dis-spa'>
                        <img src="./img/xiangmu.svg" width="35px" height="35px">
                        <div>
                            <p>查看案例</p>
                            <p>查看公司成功案例</p>
                        </div>
                    </div>
                    <div class='dis-spa'>
                        <img src="./img/edit.svg" width="35px" height="35px">
                        <div>
                            <p>在线咨询</p>
                            <p>在线咨询也能下单</p>
                        </div>
                    </div>
                </div>
                <div class='con-2-right'>
                    <p>
                        <span>您现在的位置：首页 - 关于我们 -</span>
                        <span>企业文化</span>
                    </p>
                    <div>
                        <div class='intro-font'>
                            <h1>企业简介<span>&nbsp;&nbsp;About Us</span></h1>
                            <p>正品（genuine）:每一个原创正品品牌都应当获得原产地正品保障认可。溯源（tracker）:每一个消费者都有权力对任意原产地商品的生产、流通进行追溯。</p>
                            <p>我们是一家第三方服务机构，独立、客观、稳定、可信是我们的基石。我们期望，未来在生产、流通、消费中，让商品始终充满善意，让人们互相感受信任。</p>
                            <p>我们相信，市场假冒伪劣环境在相当一段时间内还会存在，正品溯源服务将会任重而道远。我们相信，这个行业需要改变的不仅是产品和技术，真正变革的方向是如何真正能够让用户看到真实的幸福。我们相信，更好的正品溯源服务，将会让越来越多的用户加入我们，我们所期盼的真实的幸福就会到来。</p>
                        </div>
                        <div class='swi-group-wrap' style="max-width:770px;">
                            <h1>高管团队</h1>
                            <div>
                                <div class="swiper-container swiper-container-horizontal swiper-container-3">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide" style='box-sizing:border-box;'>
                                            <img src="./img/1.png" width="100%">
                                            <p class='swi-peo-zi'>董事</p>
                                            <p class='swi-peo-name'>梁步卜</p>
                                        </div>
                                        <div class="swiper-slide" style='box-sizing:border-box;'>
                                            <img src="./img/2.png" width="100%">
                                            <p class='swi-peo-zi'>CEO</p>
                                            <p class='swi-peo-name'>张琦</p>
                                        </div>
                                        <div class="swiper-slide" style='box-sizing:border-box;'>
                                            <img src="./img/3.png" width="100%">
                                            <p class='swi-peo-zi'>监事</p>
                                            <p class='swi-peo-name'>邓柳亚</p>
                                        </div>
                                        <div class="swiper-slide" style='box-sizing:border-box;'>
                                            <img src="./img/1.png" width="100%">
                                            <p class='swi-peo-zi'>董事</p>
                                            <p class='swi-peo-name'>梁步卜</p>
                                        </div>
                                        <div class="swiper-slide" style='box-sizing:border-box;'>
                                            <img src="./img/2.png" width="100%">
                                            <p class='swi-peo-zi'>CEO</p>
                                            <p class='swi-peo-name'>张琦</p>
                                        </div>
                                        <div class="swiper-slide" style='box-sizing:border-box;'>
                                            <img src="./img/3.png" width="100%">
                                            <p class='swi-peo-zi'>监事</p>
                                            <p class='swi-peo-name'>邓柳亚</p>
                                        </div>
                                    </div>
                                    <div class="swiper-button-prev swiper-button-black"></div>
                                    <div class="swiper-button-next swiper-button-black"></div>
                                </div>
                            </div>
                            <div class='swi-3-pagin'>
                                <div class="swiper-pagination swiper-pagination-3"></div>
                            </div>
                        </div>
                        <div class='company-wrap'>
                            <h1>公司环境</h1>
                            <div class='company-img' id='max-img'>
                                <img index='1' src="./img/company-1.png" width="100%">
                                <img index='2' src="./img/company-1.png" width="100%">
                                <img index='3' src="./img/company-1.png" width="100%">
                                <img index='4' src="./img/company-1.png" width="100%">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共底部 -->
        <div class='com-bom-wrap'>
            <div class='center-con dis-spa com-bom-par'>
                <div class='com-bom-left'>
                    <h1>智鼎溯源</h1>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/address.svg' width='14px' height='14px' />
                            <span>重庆市渝中区经纬大道789号美源-美源大厦12层</span>
                        </p>
                        <p class='dis-spa'>
                            <img src='./img/phone.svg' width='14px' height='14px' />
                            <span>023-63410620</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/address.svg' width='14px' height='14px' />
                            <span>北京市海淀区安宁庄西路9号金泰富地大厦201</span>
                        </p>
                        <p class='dis-spa'>
                            <img src='./img/phone.svg' width='14px' height='14px' />
                            <span>010-82743591</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/oil.svg' width='14px' height='14px' />
                            <span>service@xi-tech.com.cn</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/weixin-black.svg' width='14px' height='14px' />
                            <span>17353262583 &nbsp;17365294814</span>
                        </p>
                    </div>
                    <p style='padding-top: 100px;'>Copyright 智鼎溯源有限公司 渝ICP备 17006571号-1</p>
                </div>
                <div class='com-bom-right'>
                    <div class='dis-spa'>
                        <div class='dis-spa com-input-lian'>
                            <input type='text' placeholder='你的联系方式' />
                            <p class='hover'>提交</p>
                        </div>
                        <div class='hover' style='flex:0 0 100px;'>
                            图片
                        </div>
                    </div>
                    <div class='dis-spa' style='padding-top:100px;font-size:15px;'>
                        <span class='hover'>关于我们</span>
                        <span class='hover'>新闻中心</span>
                        <span class='hover'>联系我们</span>
                        <span class='hover'>寻求帮助</span>
                        <span class='hover'>深入了解</span>
                        <span class='hover'>产品中心</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共底部 -->
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/scrollReveal.js"></script>
    <script src="./js/com.js"></script>
    <script>
        new Swiper('.swiper-container-2', {
            autoplay: {
                disableOnInteraction: false,
            },
            loop: true,
            pagination: {
                el: '.swiper-pagination-2',
            },
        });
        new Swiper('.swiper-container-3', {
            slidesPerView: 3,
            slidesPerGroup: 1,
            autoplay: {
                disableOnInteraction: false,
            },
            loop: true,
            pagination: {
                el: '.swiper-pagination-3',
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            }
        });

        $('#max-img').click(function(event) {
            var index = $(event.target).attr('index');
            $('#mask').fadeIn(500);
            $('#max-com-img').click(function() {
                return false;
            });
            setTimeout(function() {
                new Swiper('.swiper-container-4', {
                    initialSlide: parseInt(index),
                    autoplay: {
                        disableOnInteraction: false,
                    },
                    loop: true,
                    pagination: {
                        el: '.swiper-pagination-4',
                    },
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    }
                });
            }, 50);
        });
    </script>
</body>

</html>